/**
* 动态生成class
*/
$count: 100;

@for $i from 12 through $count  {
  .f#{$i } {
    font-size: $i + px;
  }
}

@for $i from 1 through $count  {
  .pdl-#{$i } {
    padding-left: $i + px;
  }

  .pdr-#{$i } {
    padding-right: $i + px;
  }

  .pdt-#{$i } {
    padding-top: $i + px;
  }

  .pdb-#{$i } {
    padding-bottom: $i + px;
  }

  .pd#{$i } {
    padding: $i + px;
  }
}

@for $i from 1 through $count  {
  .mgl-#{$i } {
    margin-left: $i + px;
  }

  .mgr-#{$i } {
    margin-right: $i + px;
  }

  .mgt-#{$i } {
    margin-top: $i + px;
  }

  .mgb-#{$i } {
    margin-bottom: $i + px;
  }

  .mg#{$i } {
    margin: $i + px;
  }
}


$fw: 300 400 500 600 700 800;

@each $i in $fw {
  .fw#{$i} {
    font-weight:$i
  }
}